<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Fly社区</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_24081_aym082o86np3z0k9.css">
    <link rel="stylesheet" href="__static__/layui/css/layui.css">
    <link rel="stylesheet" href="__static__index/css/global.css" charset="utf-8"></head>
    <script src="__static__layui/layui.js"></script>
  <body>
    <div class="fly-header layui-bg-black">
      <div class="layui-container">
        <a class="fly-logo" href="__root__">
          <img src="__static__/images/fly/logo.png" alt="layui"></a>
        <ul class="layui-nav fly-nav layui-hide-xs">
          
        </ul>

        <?php if(session('uid')): ?>


          <ul class="layui-nav fly-nav-user">
            <li class="layui-nav-item" style="">
              <a class="fly-nav-avatar" href="{:url('index/user/index')}" id="LAY_header_avatar">
                <cite class="layui-hide-xs">{:session('username')}</cite>
                <img src="__root__{:session('avatar')}">
                <span class="layui-nav-more"></span>
              </a>
              <dl class="layui-nav-child layui-anim layui-anim-upbit">
                <dd>
                  <a href="{:url('index/user/index')}">
                    <i class="layui-icon"></i>用户中心</a></dd>
                <dd>
                  <a href="{:url('index/set/index')}">
                    <i class="layui-icon"></i>基本设置</a></dd>
                <hr>
                <dd>
                  <a href="/user/message/">
                    <i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的消息</a>
                </dd>
                <dd>
                  <a href="/u/1962072">
                    <i class="layui-icon" style="margin-left: 2px; font-size: 22px;"></i>我的主页</a></dd>
                <hr style="margin: 5px 0;">
                <dd>
                  <a href="{:url('index/login/loginout')}" style="text-align: center;">退出</a></dd>
              </dl>
            </li>
        </ul>

        <?php else: ?>
        
        <ul class="layui-nav fly-nav-user">
          <li class="layui-nav-item">
            <a class="iconfont icon-touxiang layui-hide-xs" href="{:url('index/Login/index')}"></a>
          </li>
          <li class="layui-nav-item">
            <a href="{:url('index/Login/index')}">登入</a></li>
          <li class="layui-nav-item">
            <a href="{:url('index/Reg/index')}">注册</a></li>
          <li class="layui-nav-item layui-hide-xs">
            <a href="/app/qq/" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入" class="iconfont icon-qq"></a>
          </li>
          <li class="layui-nav-item layui-hide-xs">
            <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入" class="iconfont icon-weibo"></a>
          </li>
        </ul>

      <?php endif ?>




      </div>
    </div>

    {__CONTENT__}

  <div class="fly-footer">
      <p>
        <a href="http://fly.layui.com/">Fly社区</a>2018 &copy;
        <a href="http://www.layui.com/">layui.com</a></p>
      <p>
        <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
        <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
        <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a></p>
      <p class="fly-union">
        <a href="https://www.upyun.com?from=layui" target="_blank" rel="nofollow" upyun>
          <img src="__static__/images/fly/upyun.png"></a>
        <span>提供 CDN 赞助</span></p>
    </div>

    <script>
      //Demo
      layui.use(['form','jquery','layer','element','upload'], function(){
        var form = layui.form;
        layer = layui.layer;
        $ = layui.jquery;
        var element = layui.element;
        //监听注册提交
        form.on('submit(reg)', function(data){
          $.ajax({
            url: '{:url('index/Reg/add')}',
            type: 'POST',
            dataType: 'json',
            data: data.field,
          })
          .done(function(res) {
            if(res.error==1){
                layer.msg(res.info,{icon: 5});
            }else{
               layer.msg(res.info, {icon: 6},function  () {
                 location.href = "{:url('index/login/index')}"
               });
            }
        })
        .fail(function() {
          console.log("error");
        })
          return false;
        });

        //监听登录提交
        form.on('submit(login)', function(data){
          $.ajax({
            url: '{:url('index/Login/login')}',
            type: 'POST',
            dataType: 'json',
            data: data.field,
          })
          .done(function(res) {
            if(res.error==1){
                layer.msg(res.info,{icon: 5},function(){
                });
            }else{
               layer.msg(res.info, {icon: 6},function  () {
                 location.href = "{:url('index/index/index')}"
               });
            }
        })
        .fail(function() {
          console.log("error");
        })
          return false;
        });


        //监听set提交
        form.on('submit(set)', function(data){
          $.ajax({
            url: '{:url('index/Set/set')}',
            type: 'POST',
            dataType: 'json',
            data: data.field,
          })
          .done(function(res) {
            if(res.error==1){
                layer.msg(res.info,{icon: 5},function(){
                });
            }else{
               layer.msg(res.info, {icon: 6},function  () {
                 // location.href = "{:url('index/set/index')}"
               });
            }
        })
        .fail(function() {
          console.log("error");
        })
          return false;
        });

        //监听setPassword提交
        form.on('submit(setPassword)', function(data){
          $.ajax({
            url: '{:url('index/Set/setPassword')}',
            type: 'POST',
            dataType: 'json',
            data: data.field,
          })
          .done(function(res) {
            if(res.error==1){
                layer.msg(res.info, {icon: 5});
            }else{
               layer.msg(res.info, {icon: 6}); 
            }
        })
        .fail(function() {
          console.log("error");
        })
          return false;
        });
        //监听setPassword提交结束
        

        // 上传头像
        var avatarUpload = layui.upload;
        //执行实例
        var uploadInst = avatarUpload.render({
          elem: '#avatarUpload' //绑定元素
          ,url: '{:url('/index/Set/avatarUpload')}' //上传接口
          ,done: function(res){
            if(res.error==1){
                layer.msg(res.info, {icon: 5});
            }else{
               layer.msg(res.info, {icon: 6});
               element.render(); 
            }
            // location.href = "{:url('index/set/index')}";
          }
          ,error: function(){
            //请求异常回调
            layer.msg('服务器异常,请稍后重试');
          }
        });//上传头像结束
        
      });

    </script>
  </body>

</html>